<!-- Box -->
    <div class="box">  <!-- Box Head -->
        <div class="box-head">
            <h2 class="left">Categories</h2>
        </div>
        <!-- End Box Head -->

        <!-- Table -->
        <div class="table">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                <tbody>
                    <tr>
                        <th width="13"><input type="checkbox" class="checkbox"/></th>
                        <th>Name</th>
                        <th width="110" class="ac">&nbsp;Control</th>
                    </tr>
                    <tr class="odd">
                        <td><input type="checkbox" class="checkbox"/></td>
                        <td><h3><a href="#">National</a></h3></td>
                        <td><a href="#" class="ico del">Delete</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Edit</a></td>
                    </tr>
                    <tr class="odd">
                        <td><input type="checkbox" class="checkbox"/></td>
                        <td><h3><a href="#">International</a></h3></td>
                        <td><a href="#" class="ico del">Delete</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Edit</a></td>
                    </tr>
                    <tr class="odd">
                        <td><input type="checkbox" class="checkbox"/></td>
                        <td><h3><a href="#">Business</a></h3></td>
                        <td><a href="#" class="ico del">Delete</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Edit</a></td>
                    </tr>
                    <tr class="odd">
                        <td><input type="checkbox" class="checkbox"/></td>
                        <td><h3><a href="#">Entertainment</a></h3></td>
                        <td><a href="#" class="ico del">Delete</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Edit</a></td>
                    </tr>
                    <tr class="odd">
                        <td><input type="checkbox" class="checkbox"/></td>
                        <td><h3><a href="#">Sports</a></h3></td>
                        <td><a href="#" class="ico del">Delete</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Edit</a></td>
                    </tr>
                </tbody></table>
        </div>
        <!-- Table -->
    </div>
    <div class="box">
        <!-- Box Head -->
        <div class="box-head">
            <h2>Add Category</h2>
        </div>
        <!-- End Box Head -->
        <form method="POST" action="#">
            <!-- Form -->
            <div class="form">
                <p>
                    <span class="req">max 100 symbols</span>
                    <label>Category Name <span>(Required Field)</span></label>
                    <input type="text" onblur="unblank(this)" onfocus="blank(this)" value="Your category name goes here . . ." name="cat_name" class="field size1"/>
                </p>
            </div>
            <!-- End Form -->

            <!-- Form Buttons -->
            <div class="buttons">
                <input type="button" value="preview" class="button"/>
                <input type="submit" value="submit" class="button"/>
            </div>

            <!-- End Form Buttons -->
        </form>
    </div>
    <!-- End Box -->
